<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>收益明细-<?php echo $cfg_webname;?></title>
<link href="<?php echo $cfg_basehost;?>/css/v2_index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo $cfg_basehost;?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo $cfg_basehost;?>/js/jquery.superslide.2.1.1.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $cfg_basehost;?>/system/gzs.ajax.js"></script>
<script type="text/javascript">
function CheckLogintop(){
var taget_obj = document.getElementById('_userlogin');
myajax = new DedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("/user/ajax_loginsta.php");
DedeXHTTP = null;
}
</script>
<style type="text/css">
/*收益明细*/
.m-kc-operation{background:#fff;border:1px solid #f0f0f0;margin-bottom:10px;}
.m-kc-operation-dd{overflow:hidden;padding:0 15px;font-size:14px;height:45px;line-height:45px;background-color:#f0f0f0;}
.operation-dd-fl{display:inline-block;color:#333;}
.operation-dd-fr{display:inline-block;color:#333;}
.m-kc-operation a{display:block;padding:10px 15px;}
.m-kc-operation img{width:98px;height:56px;float:left;border-radius:3px;}
.m-kc-operation .m-kc-operation-title{position:relative;padding-left:105px;height:56px;}
.m-kc-operation .m-operation-title{height:40px;line-height:20px;font-size:14px;color:#333;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
.m-kc-operation .cp-jg{color:#999;font-size:14px;}
.m-kc-operation-sj{overflow:hidden;margin:0 15px;font-size:14px;height:45px;line-height:45px;border-top:1px solid #f5f5f5;}
.operation-sj-fl{display:inline-block;color:#999;}
.operation-jg-fr{display:inline-block;color:#999;}

/*无内容时显示*/
.m-yxw-cs-wushuju{padding:30px 0;}
.m-yxw-cs-wushuju img{width:100px;height:100%;margin:0 auto;display:block;}
.m-yxw-cs-wushuju .wu-sc-title{text-align:center;font-size:14px;color:#757575;padding-top:10px;}

/*加载中*/
.m-yxw-cs-wushuju,.xiayiyequ{display:none;}
.yxw-list-loading{text-align:center;color:#999;}
</style>
</head>
<body>

<?php include(DEDEMEMBER."/templets/head.htm");?>


<div class="container">

<!-- 会员中心左侧 -->
<div class="user-container">
<div class="uc-box uc-sub-box">


<div class="uc-nav-box">
<div class="box-hd"><h3 class="title">会员中心</h3></div>
<div class="box-bd">
<ul class="uc-nav-list">
<li><?php if ($cfg_ml->M_Rank > 10){echo '<a href="buyhui.php" >续费会员</a>';} else{echo '<a href="buyhui.php">开通会员</a>';} ?></li>
<li><a href="operation.php">会员订单</a></li>
</ul>
</div>
</div>

<div class="uc-nav-box">
<div class="box-hd"><h3 class="title">课程中心</h3></div>
<div class="box-bd">
<ul class="uc-nav-list">
<li><a href="operation_ke.php">已购课程</a></li>
</ul>
</div>
</div>

<div class="uc-nav-box">
<div class="box-hd"><h3 class="title">我的收藏</h3></div>
<div class="box-bd">
<ul class="uc-nav-list">
<li><a href="mystow.php">收藏课程</a></li>
</ul>
</div>
</div>


<div class="uc-nav-box">
<div class="box-hd"><h3 class="title">推广中心</h3></div>
<div class="box-bd">
<ul class="uc-nav-list">
<li class="active"><a href="zqtui.php">推广主页</a></li>
<li><a href="zqtui.php?a=tixian">我要提现</a></li>
</ul>
</div>
</div>


<div class="uc-nav-box">
<div class="box-hd"><h3 class="title">账号管理</h3></div>
<div class="box-bd">
<ul class="uc-nav-list">
<li><a href="/user/">个人信息</a></li>
<li><a href="edit_user.php">修改昵称</a></li>
<li><a href="edit_baseinfo.php">修改密码</a></li>
</ul>
</div>
</div>

</div>
</div>
<!-- 会员中心左侧 End -->


<!-- 右侧功能定位 -->
<div class="user-right">
<div class="uc-box uc-main-box">
<div class="uc-content-box order-list-box">
<div class="box-hd"><h1 class="title">收益明细</h1></div>
<div class="box-operation" style="margin-top:15px;">

<!-- 无内容时显示 -->
<div class="m-yxw-cs-wushuju"><img src="<?php echo $mcfg_basehost;?>/m-images/kc-wu-sc.png"><p class="wu-sc-title">您还没有收益哦</p></div>
<!-- 无内容时显示 End -->

<!-- 订单列表 -->
<div class="m-kc-operation-list">
{dede:datalist}
<div class="m-kc-operation">
<div class="m-kc-operation-dd">
<span class="operation-dd-fl fl">{dede:field.uname/}</span>
<span class="operation-dd-fr fr">已付款</span>
</div>
<a href="javascript:void(0)"><img src="<?php if(empty($fields['bigpic'])){echo ''.$cfg_basehost.'/images/m-operation2.jpg'; }else{echo ''.$cfg_basehost.''.$fields['bigpic'];} ?>">
<div class="m-kc-operation-title">
<p class="m-operation-title">{dede:field.chanpin/}</p>
<span class="cp-jg">￥{dede:field.jine/}</span>
</div>
</a>
<div class="m-kc-operation-sj">
<span class="operation-sj-fl fl">{dede:field.time function="MyDate('Y-m-d H:i:s',@me)"/}</span>
<span class="operation-jg-fr fr">您已获得<em style="color:#ff700a;font-size:16px;">￥{dede:field.yongjin/}</em></span>
</div>
</div>
{/dede:datalist}
</div>
<!-- 订单列表 ENd -->

<div class="xiayiyequ">{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}</div>
<div class="yxw-list-loading"></div>

</div>
</div>
</div>
</div>
<!-- 右侧功能定位 End -->

</div>

<?php include(DEDEMEMBER."/templets/footer.htm");?>

<script>
if($(".m-kc-operation").length < 1 ){ 
$(".m-yxw-cs-wushuju").show();
$(".yxw-list-loading").hide();
}
var f = true; 
function getxia(){
    var link = $(".xiayiyequ a");
        var href = link.attr("href");
     
        if (href != undefined) { 
        $(".yxw-list-loading").html('正在加载中...');
            $.ajax({
                type: "get",
                url: href,
                success: function(data) {               
                    $(".m-kc-operation-list").append($(data).find(".m-kc-operation-list").html());
                    f = true;
                    var newHref = $(data).find(".nextPage").attr("href");  
                                                                                
                    if (newHref != undefined) {
                        link.attr("href", newHref);
                    } else {
                        $(".yxw-list-loading").html("没有更多了");
                        link.html("下一页没有了").removeAttr("href");
                    };
                                    }
            });
        }else{
        $(".yxw-list-loading").html("没有更多了");
        
        }
        
        return false;   
}

$(document).scroll(function(){
            //滚动条滑动的时候获取滚动条距离顶部的距离
            var scroll=$(document).scrollTop();
            //屏幕的高度
            var client=$(window).height();
            var h=$(document).height();
            var flag=true;
            var bih = scroll+client+100 ;       
            if (h<= bih) { // 到达底部时,加载新内容    
                    if(f){
                        f  = false;
                        getxia();   
                    }
                      
            }
});
</script>

</body>
</html>